/* CSS 3, no valida */

body {
    overflow-x: hidden;
}

h1 {
    text-shadow: 0 0 4px white, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -25px 18px #f20;
    opacity: 0.97;
}

h2 {
    text-shadow: gray 2px -4px 3px;
}

div#menu-principal {
    border: 8px solid gray;
    -moz-border-radius: 1.2em;
    -moz-border-bottom-colors: #444 #666 #777 #888 #999 #aaa #bbb #ccc;
    -moz-border-top-colors: #444 #666 #777 #888 #999 #aaa #bbb #ccc;
    -moz-border-left-colors: #444 #666 #777 #888 #999 #aaa #bbb #ccc;
    -moz-border-right-colors: #444 #666 #777 #888 #999 #aaa #bbb #ccc;
    background-color: #ccc;
    padding: 8px;
    padding-top: 13px;
    margin-top: 28px;/* a veces no deja hacer clic en la primera opción */
}

table {
    -moz-box-shadow: 4px 5px 20px #309A14;
}

.imagen_relativa {
    z-index: 1;
    position: absolute;
}

div#menu-principal li a {
    -moz-border-radius: 3px;
}

td#volver_estado_inicial:hover {
    opacity: 0.6;
}

td#volver_estado_inicial:hover a {
    opacity: 1 !important;
    color: black;
}

td:hover, th:hover {
    opacity: 0.73;
}

p.continua span:hover, p#navegador:hover {
    -moz-border-radius: 5px;
    -moz-box-shadow: 4px 3px 14px #CA1471;
}

div#error {
    -moz-border-radius: 2ex;
}

tr#squeeze td {
    opacity: 0.82;
    font-size: 95%;
}

table#screenshots {
    -moz-border-radius: 10px;
}

table#screenshots td {
    padding: 4px;
}

table#screenshots tr:first-child td:first-child {
    -moz-border-radius: 10px 0 0 0;
}
table#screenshots tr:first-child td:first-child + td + td {
    -moz-border-radius: 0 10px 0 0;
}
table#screenshots tr:first-child + tr + tr + tr td:first-child + td + td {
    -moz-border-radius: 0 0 10px 0;
}
table#screenshots tr:first-child + tr + tr + tr td:first-child {
    -moz-border-radius: 0 0 0 10px;
}

div.marco {
    -moz-box-shadow: 1px 1px 43px black;
}
div.marco:hover {
    -moz-box-shadow: 0 0 150px #15100D;
}

div.imagen.galeria {
    -moz-box-shadow: 0 0 15px #FAF0FF;
}

/* *:active {
    opacity: 0.87;
}*/

div#nombres-leyenda {
    -moz-box-shadow: 5px 4px 8px gray;
    -moz-border-radius: 2px;
}

div#nombres-leyenda p span {
    -moz-box-shadow: 0 0 4px black;
}

body#pagina-500 table {
    border: 5px double forestgreen;
}

span.datos-imagen {
    opacity: 0.8;
    -moz-box-shadow: 0 3px 4px yellow;
}
